<template>
	<view class="contact">
		<image src="../../static/about.jpg"></image>
		<view class="contact-phone" @click="callPhone">联系电话：400-618-9090（点击拨打）</view>
		<view class="contact-address">地址：广东省广州市天河区科韵路397号腾讯开发区</view>
		<map :latitude="latitude" :longitude="longitude" class="map" :markers="markers" :scale="scale"></map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				latitude:23.12974,
				longitude:113.379168,
				markers:[
					{
						latitude:23.12974,
						longitude:113.379168,
						iconPath:"../../static/location.jpg",
						width:30,
						height:30
					}
				],
				scale:18
			}
		},
		methods: {
			callPhone(){
				uni.makePhoneCall({
					phoneNumber:"17710313430",
					success: (res) => {
						console.log(res);
					}
				})
			}
		}
	}
</script>

<style lang="less">
.contact{
	image{
		width: 750rpx;
	}
	.contact-phone{
		padding: 20rpx; 
		border-bottom: 1rpx solid #eee;
	}
	.contact-address{
		padding: 20rpx;
		border: 1rpx solid #eee;
	}
	.map{
		width: 750rpx;
		height: 750rpx;
	}
}
</style>
